<div class="bdb-main-header">
    <a class="bdb-header-left bdb-f-l" href="/CustomerDomainManager/domainList">
        <img class="bdb-back-icon" src="/static/imgs/global/back.svg">Back
    </a>
    <div class="bdb-header-right bdb-bd-f-l">
        <div class="subMenu">
            <a class="bdb-p-r" href="javascript:void(0);" url="/CustomerDomainRelation/relationElc/">边缘缓存层<i></i></a>
            <a href="javascript:void(0);" class="default" url="/CustomerDomainRelation/relationPlc/">父级中转层</a>
            <a href="javascript:void(0);" class="default" url="/CustomerDomainRelation/relationSlc/">超父合并层</a>
            <a href="javascript:void(0);" class="default" url="/CustomerDomainRelation/relationDlc/">动态回源层</a>
        </div>
        <div class="bdb-total-items bdb-record-cnt"></div>
    </div>
</div>
<div class="bdb-head-mid20"></div>
<div class="bdb-back-content"></div>
<div class="bdb-table-header">
    <div class="bdb-mx-w-col-1 bdb-text-align-c">
        <img class="bdb-mouse-hover" id="bdb-domain-relation-add" src="/static/imgs/global/add-blue.svg">
    </div>
    <div class="bdb-mx-w-col-2 bdb-text-align-c">
        <span class="splitLine"></span>线路
    </div>
    <div class="bdb-mx-w-col-3">解析类型</div>
    <div class="bdb-mx-w-col-4">记录值(内部域名)</div>
    <div class="bdb-mx-w-col-5">TTL</div>
    <div class="bdb-mx-w-col-6 bdb-text-align-c">状态</div>
    <div class="bdb-mx-w-col-7">添加时间</div>
    <div class="bdb-mx-w-col-8">操作</div>
</div>

<!-- 添加 -->
<form class="bdb-hide bdb-domain-relation-add" id="bdb-domain-relation-add-form">
    <div class="form-group bdb-clearfix">
        <div class="bdb-domain-relation-ae-col-1 bdb-f-l bdb-p-r">
            <img class="bdb-add-up-arrow" src="/static/imgs/global/add-items-arrow.svg">
            <div class="bdb-domain-relation-form-lines-container">
                <input class="form-lines" id="lineIds-add" name="lineIds" type="text" autocomplete="off" data-rule-required="true" data-msg-required="请选择线路">
                <div class="bdb-form-select-wrapper bdb-mouse-hover">
                    <div class="top-arrow"></div>
                    <div class="form-lines-layer bdb-ellipsis">请选择</div>
                    <div></div>
                    <div class="bdb-hide lines-list">
                        <ul></ul>
                        <div class="lines-operation">
                            <button type="button" class="bdb-btn">确认</button>
                            <button type="button" class="bdb-btn">取消</button>
                        </div>
                    </div>
                    <div class="bottom-arrow"></div>
                </div>
            </div>
        </div>
        <div class="bdb-domain-relation-ae-col-2 bdb-f-l bdb-p-r">
            <img class="bdb-add-up-arrow" src="/static/imgs/global/add-items-arrow.svg">
            <div class="bdb-domain-relation-form-innerid-container">
                <input class="form-record" id="innerDomainId-add" name="innerDomainId" type="text" 
                    autocomplete="off" data-rule-required="true" data-msg-required="请选择记录值">
                <div class="bdb-form-select-wrapper bdb-mouse-hover">
                    <div class="top-arrow"></div>
                    <div class="form-record-layer bdb-ellipsis">请选择</div>
                    <div></div>
                    <div class="bdb-hide record-list">
                        <div class="search">
                            <img class="bdb-mouse-hover" id="search-btn" src="/static/imgs/global/search-white.svg">
                            <input type="text" id="record-list-search-input" autocomplete="off" placeholder="请输入要搜索的域名" />
                        </div>
                        <ul></ul>
                    </div>
                    <div class="bottom-arrow"></div>
                </div>
            </div>
        </div>
        <div class="bdb-domain-relation-ae-col-3 bdb-f-l bdb-p-r">
            <img class="bdb-add-up-arrow" src="/static/imgs/global/add-items-arrow.svg">
            <input class="bdb-domain-relation-form-ttl" id="ttl-add" name="ttl" type="text" autocomplete="off" value="300" 
                data-rule-required="true" data-msg-required="请输入TTL" data-rule-digits="true" data-msg-digits="请输入正整数">
        </div>
        <div class="bdb-domain-relation-ae-col-4 bdb-f-l">
            <button class="bdb-btn bdb-btn-444858-s1" type="submit">确定</button>
            <button class="bdb-btn bdb-btn-444858-s1" id="js-domain-relation-add-cancel" type="button">取消</button>
        </div>
    </div>
</form>

<!-- 列表 -->
<div class="bdb-list"></div>
